<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>旅游出行</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="css/app.css">
    <style>
    	body{
    		
    	}
    	
    	.tours{background:#cccccc;color:white;font-size:15px;}
		.open{background:#FFAA43;color:white;font-size:15px;}
		.tourdiv{height:50px;}
		a{text-decoration:none;border: none;}
    	
    </style> 
</head>
<body>


<div id='header' class="am-g am-topbar-fixed-top" style="padding:0 0;background:#ffaa43;height:auto;">
	<div  onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height:14px;height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;">
		<h1>旅游出行</h1>
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">

   </div>
   
    <div class="am-u-sm-12" style="padding-top:0px;padding-bottom:8px;">
	  	<div class="am-input-group am-input-group-primary" >
			<input type="text" id="city" value="" style="height:40px;border:none;border-radius:5px;" class="am-form-field" placeholder="输入想去的城市名">
			<span class="am-input-group-btn" >
				<button id="search_but" class="am-btn am-btn-default" style="margin-left:-5px; height:40px;border:none;border-radius:5px;" type="button" onclick="clickSearch();">
					<span class="am-icon-search"></span>
				</button>
			</span>
		</div>
  </div>
   
   
</div>








<div class="am-g" style="margin-top:120px">
	<div class="am-u-sm-12">
	   国内热门目的地
	</div>
</div>


<div class="am-g" style="margin-top:10px;">
	
	<div class="am-u-sm-12">
	   
	   <div class="am-u-sm-4 open" style="padding:25px;text-align: center" onclick="clickCity('拉萨');">
	   	  	拉萨
	   </div>
	   
	   <div class="am-u-sm-4 tourdiv">
	   	  <div class="am-u-sm-12 tours" style="padding:5px;text-align: center;border-bottom:3px solid white" onclick="clickUnOpen();">
	   	  	丽江
	   	  </div>
	   	  
	   	  
	   	  <div class="am-u-sm-12 tours" style="padding:5px;text-align: center;border-top:3px solid white" onclick="clickUnOpen();">
	   	  	秦皇岛
	   	  </div>
	   	  
	   </div>
	   

	    <div class="am-u-sm-4 tours" style="padding:15px;text-align: center" onclick="clickUnOpen();">
	   	  	桂林
	    </div>
	   
	   
	 </div>
	
	
	 <div class="am-u-sm-12" style="margin-top:10px;">
		
	   <div class="am-u-sm-3 open" style="padding:20px 10px;text-align: center" onclick="clickCity('北京');">
	   	  	北京
	   </div>
	   
	   <div class="am-u-sm-5 tourdiv">
	   	  
	   	  <div class="am-u-sm-12 open" style="padding:20px;text-align: center;border-bottom:5px solid white" onclick="clickCity('海南岛');">
	   	  	海南岛
	   	  </div>
	   	  
	   </div>
	     
	   <div class="am-u-sm-4 open" style="margin-top:-20px; padding:30px 10px;text-align: center" onclick="clickCity('厦门');">
	   	  	厦门
	   </div>
	   
	   
	 </div>
	
	
	
</div>  <!--am-g  end-->


<div class="am-g" style="margin-top:8px">
	<div class="am-u-sm-12">
	   出境热门目的地
	</div>
</div>


<div class="am-g" style="margin-top:10px;">
	
	<div class="am-u-sm-12">
		
	   <div class="am-u-sm-4 open" style="padding:15px;text-align: center" onclick="clickCity('日本');">
	   	  	日本
	   </div>
	    
	   <div class="am-u-sm-5" >
	      <div class="am-u-sm-12 open" style="padding:25px;text-align: center" onclick="clickCity('泰国');">
	   	  	泰国
	   	  </div>
	   	  
	   	  
	   </div>
	   
	   <div class="am-u-sm-3 tourdiv" style="padding:0px;">
	   	  <div class="am-u-sm-12 open" style="padding:5px;text-align: center;border-bottom:3px solid white" onclick="clickCity('越南');">
	   	  	越南
	   	  </div>
	   	  
	   	  <div class="am-u-sm-12 open" style="padding:5px;text-align: center;border-top:3px solid white" onclick="clickCity('韩国');">
	   	  	韩国
	   	  </div>
	   	  
	   </div>
	   
    </div>
    
    <div class="am-u-sm-12" style="margin-top:10px;">
    	 <div class="am-u-sm-4 open" style="margin-top:-20px; padding:30px;text-align: center" onclick="clickCity('澳洲');">
	   	  	澳洲
	     </div>
	    
	    <div class="am-u-sm-4">
	    	<div class="am-u-sm-12 open" style="padding:20px;text-align: center"  onclick="clickCity('新西兰');">
	    		新西兰
	    	</div>
	   	  	
	    </div>
	    
	    <div class="am-u-sm-4 tourdiv" style="padding:0px;">
	   	  <div class="am-u-sm-6 open" style="padding:20px 10px;text-align: center;border-right:3px solid white" onclick="clickCity('新马');">
	   	  	新马
	   	  </div>
	   	  
	   	  <div class="am-u-sm-6 open" style="padding:20px 10px;text-align: center;border-left:3px solid white" onclick="clickCity('帕劳');">
	   	  	帕劳
	   	  </div>
	    </div>
	    
	    
    	
    </div>
    
    
    <div class="am-u-sm-12" style="margin-top:10px;">
		<div class="am-u-sm-4 open" style="margin-top:0px; padding:20px;text-align: center" onclick="clickCity('迪拜');">
			迪拜
		</div>
	    
	    <div class="am-u-sm-4">
	    	<div class="am-u-sm-12 open" style="padding:20px;text-align: center" onclick="clickCity('土耳其');">
	    		土耳其
	    	</div>
	   	  	
	    </div>
	    
	    <div class="am-u-sm-4 tourdiv" style="padding:0px;">
	   	  <div class="am-u-sm-6 open" style="padding:20px 10px;text-align: center;border-right:3px solid white" onclick="clickCity('埃及');">
	   	  	埃及
	   	  </div>
	   	  
	   	  <div class="am-u-sm-6 open" style="padding:20px 10px;text-align: center;border-left:3px solid white" onclick="clickCity('南非');">
	   	  	南非
	   	  </div>
	    </div>
	    
    </div>
	
	
</div>  <!--am-g  end-->



<div class="am-g" style="margin-top:13px;border-bottom:1px solid #ced1d8;padding-bottom:5px;">
	<div class="am-u-sm-12">
	   周边热门目的地
	</div>

</div>


<div class="am-g" style="margin-top:10px;padding-bottom: 10px;">
	<div class="am-u-sm-12">
	   
	   <div class="am-u-sm-4 tours" style="padding:25px;text-align: center" onclick="clickUnOpen();">
	   	  	江门
	   </div>
	   
	   <div class="am-u-sm-5" style="padding:0px;">
	   	
	   	  <div class="am-u-sm-12" style="padding:0px;">
	   	  	  <div class="am-u-sm-8" >
	   	  	  	<div class="am-u-sm-12 tours" style="border-bottom:3px solid white;padding:5px;text-align: center;" onclick="clickUnOpen();">
	   	  	  		深圳
	   	  	  	</div>
	   	  	  	
	   	  	  	<div class="am-u-sm-12 tours" style="border-top:3px solid white; padding:5px;text-align: center;" onclick="clickUnOpen();">
	   	  	  		云浮
	   	  	  	</div>
	   	  	  	
	   	  	  </div>
	   	  	  
	   	  	  <div class="am-u-sm-4" style="border:0px solid red;padding: 0px;margin-left:-7px;">
	   	  	  	<div class="am-u-sm-12 tours" style="padding:25px 5px;text-align: center;" onclick="clickUnOpen();">
	   	  	  		汕头
	   	  	  	</div>
	   	  	  </div>
	   	  	
	   	  </div>
	   	  
	   </div>
	   
	    <div class="am-u-sm-3 tours" style="padding:25px 10px;text-align: center" onclick="clickUnOpen();">
	   	  	河源
	    </div>
	   
	   
	 </div>
	
</div>



</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
	apiready = function(){
		
	};
	
	function clickUnOpen(){
		alert('还未开通，敬请期待');
	}
	
	function clickCity(name){
		openWin('tour_list', {'name':name});
	}
	
	function clickSearch(){
		var city = $api.byId('city').value;
		openWin('tour_list', {'name':city});
	}
</script>
</html>